TOP > Back > Place >  Next

■ HTMLのマルチメディア効果

ハイパーメディア(hypermedia)、メディア・リテラシー(media literacy)、マルチメディア(multimedia)色々言い方はあります。

ここでは、<EMBED>、<SCRIPT>、の要素を簡単に説明します。
それぞれの、素材屋さんや提供者のWebサイトに行けば、かなり詳しく説明しています。

 <SCRIPT>

<SCRIPT>要素は、HTML文書内で直接使用するJavaScriptプログラム言語の専用タグです。
スクリプト言語を使う時は、通常<HEAD>〜</HEAD>の間に<META>記述ます。

・<SCRIPT>の属性

<SCRIPT>の属性は、TYPE|LANGUAGE|SRC があります。

ソースは下記のように構成されます。

<HEAD>〜</HEAD>にプログラムを記述 <BODY>〜</BODY>にプログラムを記述

スクリプトが実行されない時のために<NOSCRIPT>〜〜〜</NOSCRIPT>

<SCRIPT>の対応していないブラウザのためにコメントを出す要素です。
例えば、
<NOSCRIPT>JavaScriptを作動させるために設定を調整お願います。</NOSCRIPT>
と記入しておけば、非対応の方には
JavaScriptを作動させるために設定の調整を、お願います。
の内容が表示されます。

ダイアログボックスの警告表示:簡単なJavaScript


◆ <OBJECT>

HTML 文書にオブジェクトを埋め込む要素で、音楽、画像、映像、アプレット、その他のプログラム、マルチメディア要素。

サウンドはもちろん、よく使われている物で、QuicTime、Flash、Director、等もこの要素を使います。使用例


◆ <EMBED>( IE や NN のみ)

<EMBED>要素は、Webページにマルチメディアのオブジェクトを埋め込むための要素。独自拡張要素で、W3C には無い物です。
ブラウザに組み込まれたプラグイン(Plug-IN)を実行してサウンドやムービーなどのマルチメディアのデータをWebブラウザに展開させます。また、<EMBED>は、空要素です。使用例

サウンドはもちろん、よく使われている物で、QuicTime、Flash、Director、等もこの要素を使います。

・<EMBED>の属性

<EMBED>の属性はIEやNNの独自の拡張を除けば、HIGHT|HIDDEN|NAME|PLUGINSPAGE|SRC|UNITS|TYPE|WIDTH が指定できます。他にIEやNNの双方使えるものは、ALIGN|HSPACE|PALETTE|PLUGINSPAGE|VSPACE です。

・プラグイン非対応のために<NOEMBED>〜〜〜</NOEMBED>

<EMBED>の対応していないブラウザのためにコメントを出す要素です。
例えば、
<EMBED src="***.mid" type="audio/midi" />
<NOEMBED><P>プラグイン対応のブラウザで、正しくご覧になれます。</P></NOEMBED>
と記入しておけば、非対応の方には<EMBED>を無視し<NOEMBED>内容が表示されます。

・MIMEタイプ(マインム) (Multipurpose Internet Mail Extension)とは

元々はインターネット上の電子メール交信に際して、様々な種類のファイルの送受信をコード化する事で可能にするなどの目的で考案されたもので、アプリケーションでのファイル転送の際にも適用され、一般的な規格として発展して来ました。今後cgi、スクリプトを用意される方は、適切なMIMEタイプを Content-type ヘッダーで出力する必要が・・・?。

ファイルの送信(サーバー)側が、指定ファイルを送る前にその種別(MIMEタイプ)を知らせる事で、受信(クライアント)側は、これからやって来るデータの処理の仕方を判断し準備する事が出来ます。 WWWサーバーの場合であれば、ブラウザーから要求のあったファイル毎に、そのファイルの拡張子 (extension) に対応するMIMEタイプを別に用意してある対応表によって判定し、ファイル内容の送信に先立つヘッダー部分の<META>のContent-type を用いてブラウザーに知らせます。ブラウザはこれにより、指定されたデータが“テキスト”“画像”“音声データ”“実行プログラム”又はその他のデータタイプであるのかなどを知り直接これを処理したり、適当な時点でそれを扱う事の出来る特定アプリケーション・プログラム(ヘルパー)に任せる事も可能となります。

MIMEタイプとしては、2001/ 10/ 16現在次の8種あります。

             |-application-
             |-audio-------
             |-image-------
|-MIME-types-|-message-----
             |-multipart---
             |-text--------
             |-video-------
	     |-model-------
HTML文書で代表的なもの
データ コンテンツのタイプ/サブタイプ ファイル拡張子
HTML文書 text/html html、htm
テキスト text/plain txt
スタイル・シート text/css css
CGIスクリプト application/x-httpd-cgi cgi
Javaスクリプト application/x-javascript ja
GIF画像 image/gif gif
JPEG画像 image/jpeg jpg、jpeg
MIDIファイル audio/midi midi、mid、rmi

MIMEタイプは、 上に述べたファイル種別(Type)と、その表現に用いるフォーマット種別(Subtype)の組み合わせで、例えば " text/html " " image/gif " " audio/x-wav " " audio/x-pn-realaudio " などと表現します。先頭に" x- " の付いたサブタイプは、未だ正規に認定されていないものを示します。

WEBサーバーによって設定方法は異なるのですが、 Apache というWEBサーバーでは、.htaccess というファイルによってMIMEタイプを指定します。データ(xxx.html)と同じディレクトリ(フォルダ)に .htaccess という名前のファイルを用意して、その中身を「AddType text/html .html」 としておけば、WEBサーバーは、「.html という拡張子のファイルは text/html というMIMEタイプのデータとして送信する」という処理を行ってくれます。.html や .gif などに関してはプロバイダやサーバ側がすでにこの設定を行ってくれているのでわざわざ追加する必要はありませんが、CGIを設置したり、RealAudioなどの特殊なファイルを設置する際には、.htaccess による設定が必要ですが、これは、使用するサーバのプロバイダやレンタル場所にお尋ねください。

一部ですが、とりあえず・・・
コンテンツのタイプ/サブタイプ ファイル拡張子
テキストファイル系
text/html html htm
text/plain txt c ec cpp h hpp
text/javascript js
text/richtext rtx rtf
text/tab-separated-values tsv
text/x-speech talk spc
text/x-setext etx
text/plain sap
text/css css
text/vnd.rn-realtext rt
text/x-hdml;charset=Shift_JIS hdml
text/vnd.wap.wml;charset=Shift_JIS wml
text/xul xul
text/xml xml
画像ファイル系
image/gif gif
image/ief ief
image/jpeg jpeg jpg jpe
image/tiff tiff tif
image/x-cmu-raster ras
image/x-portable-anymap pnm
image/x-portable-bitmap pbm
image/x-portable-graymap pgm
image/x-portable-pixmap ppm
image/x-rgb rgb
image/x-xbitmap xbm
image/x-xpixmap xpm
image/x-xwindowdump xwd
image/vasa mcf( Xspace for Mac )
image/fif fif( Fractal imager )
image/cis-cod cod( Lightning strike )
image/svh svh
image/i-vrml ivr
image/vnd.rn-realpix rp
image/x-bitmap bmp( Win )
image/x-wmf wmf emf
image/png png
オーディオファイル系
audio/basic au snd
audio/x-midi mid midi
audio/x-aiff aif aiff aifc
audio/x-wav wav
audio/voxware vox
audio/x-mod mod xm ult mtm stm m15
audio/x-s3m s3m
audio/x-pn-realaudio ra rv( Real audio )
audio/x-pn-realaudio ram rm
audio/x-pn-realaudio-plugin rpm
audio/rmf rmf
audio/mpeg mp2 mp3 mpa abs mpega
audio/soundtrack wtx
audio/x-mpegurl m3u mp3url
audio/echospeech es
audio/x-twinvq-plugin vqf vql vqe
audio/x-twinvq vqf vql vqe
audio/x-mpeg MP2 MP3 MPA ABS MPEGA
audio/sysex syx
audio/x-mio mio
audio/x-rogerwilco rwc
audio/x-ms-wma wma
ビデオ/VRMLファイル系
video/mpeg mpeg mpg mpe
video/quicktime qt mov
video/x-msvideo avi
video/x-sgi-movie movie
video/vnd.vivo vivo viv
x-world/x-vrml wrl ivr vrl
video/x-ms-asf asf asx
video/ditital-movie mpc
アプリケーションファイル系
application/oda oda
application/pdf pdf
application/postscript ai eps ps
application/x-pointplus css
application/x-mif mif
application/x-csh csh
application/x-dvi dvi
application/x-hdf hdf
application/x-latex latex
application/x-netcdf nc cdf
application/x-sh sh
application/x-tcl tcl
application/x-tex tex
application/x-texinfo texinfo texi
application/x-troff t tr roff
application/x-troff-man man
application/x-troff-me me
application/x-troff-ms ms
application/x-wais-source src
application/x-sprite sprite spr
application/futuresplash spl
application/x-cdlink vcd
application/dsptype tsp
application/x-asap asp
application/octet-stream bin exe
application/zip zip
application/x-tar tar
application/mac-binhex40 hqx
application/x-shockwave-flash swf
application/x-director dcr dir dxr
application/x-authorware-map aam
application/x-authorware-seg aas
application/x-authorware-bin aab
application/x-envoy evy
application/vocaltec-media-desc vmd
application/vocaltec-media-file vmf
application/wpc wpc
application/mspowerpoint ppt ppz pps pot
application/x-chat chat
application/x-streaming-audio key
application/x-cnc ccn
application/x-go-sgf sgf
application/x-pcn-connection cdf pcc
application/octet-stream class
application/x-screencam scm
application/x-lha lha
application/x-lzx lzx
application/hstu stk
application/java-archive jar
application/x-javascript js
application/x-x509-ca-cert cer
application/x-x509-user-cert der
application/x-msdownload exe
application/x-formatta pff
application/x-officeforms ofw
application/smil smi
application/octet-stream W02 W03 W04 mnu
application/x-shockwave-Authorware aam
application/x-net120NM cnf
application/x-ipscript ipx ips
application/x-shockwave-audio swa
application/toolbook tbk
application/x-cprplayer pqf
application/cprplayer pqi
application/presentations shw
application/x-spt spt
application/NetObject nod nft
application/msword doc
application/x-lzh-compressed lzh
application/vnd.ms-excel xls xlb
application/x-msaccess mdb
application/x-palmpilot prc pdb
application/x-Parable-Thing tms
application/xml xml
application/e-score sdf

詳しくは、MIME AND THE WEB -- THE MIME CONTENT-TYPEをご覧下さい。


 【←BACKNEXT→
Copyright (c) Producer by System KS. 2001 All rights reserved.